<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    html, body, .container {
        width: 100%;
        height: 100%;
    }

    .show-data {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #d3caca;
    }

    .show-data {
        width: 100%;
    }

    .show-data ul {
        list-style: none;
    }

    .show-data ul li {
        width: 200px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        /*display: table;*/
    }
</style>
<body>
<div class="container">
    <div class="show-data">我的，购物车</div>
    <div class="show-card">
        <table>
            <thead>
            <tr>
                <th>#</th>
                <th>商品图片</th>
                <th>商品序号</th>
                <th>商品名称</th>
                <th>商品价格</th>
                <th>添加数量</th>
                <th>总价</th>
            </tr>
            </thead>
            <tbody style="text-align: center;">
            {% for item in goods %}
                <tr>
                    <td>{{ forloop.counter }}</td>
                    <td><img src='{{ item.img }}' style="width: 40px;height: 40px"></td>
                    <td>{{ item.gid }}</td>
                    <td><a href="/commodity/?gid={{ item.gid }}">{{ item.name }}</a></td>
                    <td>{{ item.price }}</td>
                    <td>{{ item.chice_count }}</td>
                    <td>{{ item.all_price }}</td>
                </tr>
            {% endfor %}
        </table>
    </div>
</div>
</body>
</html>